﻿@page "/docs/extensions/datagrid/features/accessibility"

<Seo Canonical="/docs/extensions/datagrid/features/accessibility" Title="Blazorise DataGrid Accessibility" Description="Learn Blazorise by the example. Accessibility is a critical aspect of web development, ensuring that all users, including those with disabilities, can access and interact with web content." />

<DocsPageTitle Path="Extensions/DataGrid/Features/Accessibility" AddedVersion="Added in v1.8">
    Blazorise DataGrid: Accessibility
</DocsPageTitle>

<DocsPageLead>
    Shows the DataGrid accessibility features.
</DocsPageLead>

<DocsPageSubtitle>
    Overview
</DocsPageSubtitle>

<DocsPageParagraph>
    Accessibility is a critical aspect of web development, ensuring that all users, including those with disabilities, can access and interact with web content. The Blazorise DataGrid provides several features to enhance accessibility, making it easier for users to navigate and understand the data presented in the grid.
</DocsPageParagraph>

<DocsPageSubtitle>
    Examples
</DocsPageSubtitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="Caption">
        The <Code>Caption</Code> property allows you to define a caption for the DataGrid. This caption will be rendered as a <Code>&lt;caption&gt;</Code> element in the table. It is useful for providing additional context or information about the data being displayed in the grid.
    </DocsPageSectionHeader>
    <DocsPageSectionContent FullWidth Outlined>
        <DataGridCaptionExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridCaptionExample" />
</DocsPageSection>

<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>